<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>抽取你的倒霉蛋</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<link rel="stylesheet" href="../css/style.css" type="text/css" media="screen"/>
        <script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/jquery.easing.1.3.js"></script>
		<script type="text/javascript" src="../js/common-title.js"></script>
        <style>
			body{
				background:#333 url(../images/bg.jpg) repeat top left;
				font-family:Arial;
			}
			span.reference{
				position:fixed;
				left:10px;
				bottom:10px;
				font-size:12px;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			ul.sdt_menu{
				margin-top:30px;
				margin-left:410px;
			}
			h1.title{
				text-indent:-9000px;
				background:transparent url(../images/title.png) no-repeat top left;
				width:400px;
				height:45px;
			}
			.STYLE1 {
				color: #FF0000;
				font-weight: bold;
			}
			.STYLE2 {color: #000000}
			.result_div{
				position:relative;
				margin-left:400px;
				margin-top:100px;
				background-color:#FFFFFF;
				width:560px;
				height:400px;
			}
			.result_span{
				position:absolute;
				margin-left:120px;
				margin-top:130px;
			}
        </style>
    </head>

    <body>
		<div class="content">
			<h1 class="title">倒霉蛋系统</h1>
			<ul id="sdt_menu" class="sdt_menu">
				<li>
					<a href="http://www.baidu.com">
						<img src="../images/home.png" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">主页</span>
							<span class="sdt_descr">Your home</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/searchrooky.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">抽奖</span>
							<span class="sdt_descr">Where amazing happens</span>
						</span>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="../images/record.jpg" alt=""/>
						<span class="sdt_active"></span>
						<span class="sdt_wrap">
							<span class="sdt_link">历史记录</span>
							<span class="sdt_descr">View history</span>
						</span>
					</a>
				</li>
			</ul>
		</div>
		<div class="result_div">
			  <h2><span class="result_span">你是你们组第<span class="STYLE1">3</span>个抽奖的<br/>
		      此次倒霉蛋为<span class="STYLE1">呼延灼<br />
		      <span class="STYLE2"><br />
		      目前为止，倒霉蛋是</span>时迁！</span></span></h2>
		</div>
        <div>
            <span class="reference">
                <a href="">back to home</a>
				<a href="">Create by Dong,Fangchao & Xin,Bin  & Luo,Jinyu & Li,Feng</a>
            </span>
		</div>

        
    </body>
</html>